<template>
	<view class="container">
		<uni-nav-bar class="ch-nav" height="88rpx" backgroundColor="#ffffff" leftWidth="90rpx" rightWidth="90rpx" color="#333" :fixed="true" :padding="false" :border="false" @clickLeft="back">
			<template slot="left">
				<image class="left" src="@/public/images/public/dhl_fhjt.png" mode="aspectFit"></image>
			</template>
			<text class="title">充值成功</text>
		</uni-nav-bar>
		<view class="body flex-c ac">
			<view class="success flex-c">
				<image src="@/public/images/public/zfcg.png" mode="aspectFit"></image>
				<text class="title">充值成功</text>
				<text class="reson">充值成功，彩虹豆已存入您的账户</text>
			</view>
			<view class="submit-box">
				<button type="default" class="active" @tap="back">继续充值</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			back() {
				this.$Router.replace({name:'userrecharge'});
			}
		}
	}
</script>

<style lang="scss">
	.container {
		padding: 0;
		.body {
			margin: 20rpx;
			width: 710rpx;
			background: #FFFFFF;
			border-radius: 10rpx;
			.success{
				margin-top: 100rpx;
				align-items: center;
				image{
					width: 320rpx;
					height: 200rpx;
				}
				.title{
					font-size: 36rpx;
					font-weight: 500;
					line-height: 36rpx;
					margin: 50rpx 0 25rpx;
				}
				.reson{
					margin: 25rpx 0 80rpx;
					font-size: 26rpx;
					line-height: 26rpx;
					color: #999999;
				}
			}
			.submit-box{
				width: 560rpx;
				margin: 20rpx 0 140rpx;
			}
		}
	}
</style>
